<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
  <head>
    <title>index1.html</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3"/>
    <meta name="description" content="this is my page"/>
    <meta name="content-type" content="text/html; charset=UTF-8"/>
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<style type="text/css">
		.map1{
		background-image: url(../assets/img/home/F1.jpg);
		background-repeat : no-repeat;
		width: 100%;
		height: 100%;
		margin: 0; padding: 0;
		position:absolute;
		}
		.map2{
		background-image: url(../assets/img/home/F2.jpg);
		background-repeat : no-repeat;
		width: 100%;
		height: 100%;
		margin: 0; padding: 0;
		position:absolute;
		}
		.map3{
		background-image: url(../assets/img/home/F3.jpg);
		background-repeat : no-repeat;
		width: 100%;
		height: 100%;
		margin: 0; padding: 0;
		position:absolute;
		
		}
</style>
  </head>
  
  <body >
  		
    <div id="map" class="map1" style="">
    <button id="b1">1</button><br/><button id="b2">2</button><br/><button id="b3">3</button>
    </div>
<script type="text/javascript" th:src="@{../assets/libs/jquery/dist/jquery.js}"></script>
<script type="text/javascript" th:src="@{../assets/libs/bootstrap/dist/js/bootstrap.js}"></script>
<script type="text/javascript" th:src="@{../assets/libs/toastr/toastr.js}"></script>
<script type="text/javascript" th:src="@{../assets/libs/bootstrap-table/dist/bootstrap-table.min.js}"></script>
<script type="text/javascript" th:src="@{../assets/libs/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js}"></script>
<script type="text/javascript" th:src="@{../assets/libs/bootstrap-table/dist/extensions/export/bootstrap-table-export.js}"></script>
<script type="text/javascript" th:src="@{../assets/libs/layer/src/layer.js}"></script>
<script type="text/javascript" th:src="@{../assets/js/page.js}"></script>
<script type="text/javascript" th:src="@{../assets/js/NGR.min.js}"></script>
<script  th:inline="javascript">
$("#b1").click(function(){
	$("#map").attr("class","map1")
	});
$("#b2").click(function(){
	$("#map").attr("class","map2")
	});
$("#b3").click(function(){
	$("#map").attr("class","map3")
	});

</script>
  </body>
</html>
